<!-- 工作流主界面组件 -->
<div class="app-main-workflow" id="app-main-workflow" style="display: none;">
  <div class="workflow-container">    <div class="workflow-header">
      <h2>工作流设计器</h2>
      <div class="workflow-actions">
        <button id="workflow-save-btn" class="workflow-btn workflow-btn-primary">
          💾 保存工作流
        </button>
        <button id="workflow-load-btn" class="workflow-btn workflow-btn-secondary">
          📁 加载工作流
        </button>
        <button id="workflow-clear-btn" class="workflow-btn workflow-btn-danger">
          🗑️ 清空画布
        </button>
      </div>
    </div>
      <div class="workflow-content">
      <div class="workflow-sidebar">
        <div class="node-palette">
          <h3>节点面板</h3>
          <div class="node-types">
            <div class="node-type" data-type="input" draggable="true">
              <div class="node-icon">📥</div>
              <span>输入节点</span>
            </div>
            <div class="node-type" data-type="process" draggable="true">
              <div class="node-icon">⚙️</div>
              <span>处理节点</span>
            </div>
            <div class="node-type" data-type="decision" draggable="true">
              <div class="node-icon">❓</div>
              <span>判断节点</span>
            </div>
            <div class="node-type" data-type="output" draggable="true">
              <div class="node-icon">📤</div>
              <span>输出节点</span>
            </div>
            <div class="node-type" data-type="llm" draggable="true">
              <div class="node-icon">🤖</div>
              <span>LLM节点</span>
            </div>
            <div class="node-type" data-type="rag" draggable="true">
              <div class="node-icon">📚</div>
              <span>RAG节点</span>
            </div>
          </div>
        </div>
      </div>
      
      <div class="workflow-main">
        <div id="workflow-canvas" class="workflow-canvas">
          <!-- React Flow 将在这里渲染 -->
        </div>
      </div>
      
      <div class="workflow-properties">
        <div class="properties-panel">
          <h3>属性面板</h3>
          <div id="node-properties" class="node-properties">
            <p class="no-selection">请选择一个节点查看属性</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
